
{% extends "base.html" %}
{% load static %}
{% block title %}图谱{% endblock %}
{% block is_graph_active %}active{% endblock %}
{% block css %}
{% load staticfiles %}
    <link href="{% static 'css/graph.css' %}" type="text/css"/>
    <link rel="stylesheet" href="{% static 'css/graph.css' %}">
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<meta name="keywords" content="">

<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>

<!-- Bootstrap and Font Awesome css -->
<link href="{% static 'css/font-awesome.css' %}" rel="stylesheet">
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">

<!-- owl carousel css -->

<link href="{% static 'css/owl.carousel.css' %}" rel="stylesheet">
<link href="{% static 'css/owl.theme.css' %}" rel="stylesheet">

<!-- Theme stylesheet -->
<link href="{% static 'css/style.default.css' %}" rel="stylesheet" id="theme-stylesheet">

<!-- Custom stylesheet - for your changes -->
<link href="{% static 'css/custom.css' %}" rel="stylesheet">

<!-- CSS Animations -->
<link href="{% static 'css/animate.css' %}" rel="stylesheet">

<!-- Favicon -->
<link rel="shortcut icon" href="{% static 'img/favicon.png' %}">

<!-- Mordernizr -->

{% endblock %}
{% block content %}
<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand scrollTo" href="#">软件工程在线学习平台</a>
		</div>


			<div class="navbar-collapse collapse" >
			<ul class="nav navbar-nav navbar-right">
				<li class="active"><a href="{% url 'index'%}">首页</a>
				</li>
				<li><a href="{% url 'graph'%}">图谱</a>
				</li>
				<li><a href="{% url 'search'%}">搜索</a>
				</li>
				<li><a href="#">关于我们</a>
				</li>
				<li><a href="{% url 'login' %}">登录</a>
				</li>
				<li><a href="{% url 'register' %}" style="!important">注册</a>
				</li>
			</ul>
		</div>
	<hr style="margin-top: 5px;"/>

		<!--/.nav-collapse -->

	</div>
 <div style="text-align: center;">
     <svg width="1000" height="560" id="svg1" style="margin-top: -50px;margin-left: 230px;"></svg>
     <div id="search1">
         <input type="text" class="form-control" placeholder="请输入关键词">
     </div>
     <div id="info" style="text-align: left;">
         <h4></h4>
     </div>
 </div>
    <div id="graph"></div>
{% endblock %}

{% block js %}
    {% load staticfiles %}

    <script src="{% static 'js/d3.min.js' %}"></script>
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/graph.js' %}"></script>
    <script src="{% static 'js/modernizr-2.6.2.min.js' %}"></script>
    <script>
    drawAllNodes()

    </script>
{% endblock %}



{% block lslide %}{% endblock %}

{% block rslide %}{% endblock %}

 {% block footer %}{% endblock %}
